<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>消息发送框demo</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="">
    </head>
    <style>
        .xx_search_input{
            padding-left: 15px;
            padding-right: 15px;
            background: rgb(23,23,23);
            border-radius: 33px;
            height: 38px;
            display: flex;
            align-items: center;
            position: relative;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            margin: 10px;
            width: 20px;
        }
        .xx_input {
            width: 100%;
            height: 38px;
            background: 0 0;
            border: 0;
            outline: 0;
            line-height: 29px!important;
            position: relative;
            font-size: 15px;
            color: white;
        }
        .send-card{
            position: relative;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .xx-flex-c{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin: 10px;
        }
        .xx-flex-c span{
            font-size: 10px;
            color: rgb(134,134,134);
        }
    </style>
    <body>
        <div style="background-color: rgb(255, 255, 255);">
            <div style='height: 5px;'></div>
            <hr style='background-color:rgb(53, 53, 53); height:1px; border:none;'>
            <div class="send-card">
    
                <div class="xx_search_input">
                    <img style="width: 24px;height: 24px;" src="./img/write.png" />
                    <input placeholder="作为全村的骄傲，我有话说" type="text" class="xx_input">
        
                </div>
                <div class="xx-flex-c">
                    <img style="width: 24px;height: 24px;" src="./img/talk.png" />
                    <span>134</span>
                </div>
                <div class="xx-flex-c">
                    <img style="width: 24px;height: 24px;" src="./img/like.png" />
                    <span>690</span>
                </div>
            </div>
        </div>



        
        <script src="" async defer></script>
    </body>
</html>